<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
  <!-- 侧边栏 -->
  <section class="notice home-right-item-wrap home-right-item-first com-2-panel J-activityRecommend"
           th:fragment="side_notice(side)">
    <img class="w-full notice-bg" src=''/>
    <div class="notice-content">
      <div class="home-right-item-title absolute">
        <h5 class="com-2-panel-title"
            th:text="${side.title}">星球推荐</h5>
      </div>
      <div class="home-right-item-post-list com-2-panel-bd">
        <ul class="com-2-side-activities">
          <li th:each="item : ${side.items}">
            <a th:href="${item.url}"
               class="home-right-item-post-item com-media com-2-side-activity">
              <div class="com-media-body home-right-item-post-title">
                <span class="home-right-item-icon-wrap"
                      th:if="${!#lists.isEmpty(item.tags)}"
                      th:each="tag: ${item.tags}">
                  <img th:if="${tag == 1}"
                       class="home-right-item-icon"
                       src=""
                       alt="火"/>
                  <img th:if="${tag == 2}"
                       class="home-right-item-icon"
                       src=""
                       alt="官方"/>
                  <img th:if="${tag == 3}"
                       class="home-right-item-icon"
                       src=""
                       alt="推荐"/>
                </span>
                <span class="com-2-side-activity-title home-right-item-post-title-txt"
                    th:text="${item.name}">标题</span>
                <div class="com-2-side-activity-desc"
                     th:text="${item.title}">描述</div>
              </div>
              <div class="com-media-object">
                <button type="button"
                        class="s com-2-side-activity-btn c-btn c-btn-hole">
                  <span class="text">立即查看</span>
                </button>
              </div>
            </a>
          </li>
        </ul>
        <header class="com-2-panel-subhd">
          <h3 class="com-2-panel-subtitle">星球海报</h3>
        </header>
        <div class="com-event-panel com-event-panel-l theme2 without-margin">
          <div class="com-event-panel-inner">
            <div class="com-event-panel-object">
              <a th:href="${side.url}">
                <img class="com-event-panel-img"
                     alt="星球名称"
                     th:src="${side.img}"></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</html>
